
/******************************Friend Link*********************/
#article-container a.link-card {
  margin: 0.25rem auto;
  background: #f6f6f6;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  text-align: center;
  min-width: 200px;
  max-width: 361px;
  color: #444;
  border-radius: 12px;
  text-decoration: none;
}
@media screen and (max-width: 425px) {
  #article-container a.link-card {
    max-width: 100%;
  }
}
@media screen and (max-width: 375px) {
  #article-container a.link-card {
    width: 100%;
  }
}
#article-container a.link-card:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}
#article-container a.link-card div.left,
#article-container a.link-card div.right {
  pointer-events: none;
}
#article-container a.link-card div.left {
  width: 48px;
  height: 48px;
  margin: 12px;
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
}
#article-container a.link-card div.left i {
  font-size: 32px;
  line-height: 48px;
  margin-left: 4px;
}
#article-container a.link-card div.left img {
  display: block;
  position: absolute;
  border-radius: 8px / 4;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#article-container a.link-card div.right {
  overflow: hidden;
  margin-right: 12px;
}
#article-container a.link-card p {
  margin: 0;
}
#article-container a.link-card p.text {
  font-weight: bold;
}
#article-container a.link-card p.url {
  flex-shrink: 0;
  color: rgba(68, 68, 68, 0.65);
  font-size: 13px;
}

[data-theme="dark"] #article-container a.link-card img {
  filter: brightness(1);
}

[data-theme="dark"] #article-container a.link-card {
  filter: brightness(0.7);
}

/******************************时间线*********************/
div.timenode {
  position: relative;
}
div.timenode:before,
div.timenode:after {
  content: "";
  z-index: 1;
  position: absolute;
  background: rgba(68, 215, 182, 0.5);
  width: 2px;
  left: 7px;
}
div.timenode:before {
  top: 0;
  height: 6px;
}
div.timenode:after {
  top: 26px;
  height: calc(100% - 26px);
}
div.timenode:last-child:after {
  height: calc(100% - 26px - 16px);
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
div.timenode .meta,
div.timenode .body {
  max-width: calc(100% - 24px);
}
div.timenode .meta {
  position: relative;
  color: var(--tab-botton-color);
  font-size: 0.375rem;
  line-height: 32px;
  height: 32px;
}
div.timenode .meta:before,
div.timenode .meta:after {
  content: "";
  position: absolute;
  top: 8px;
  z-index: 2;
}
div.timenode .meta:before {
  background: rgba(68, 215, 182, 0.5);
  width: 16px;
  height: 16px;
  border-radius: 8px;
}
div.timenode .meta:after {
  background: #44d7b6;
  margin-left: 2px;
  margin-top: 2px;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  transform: scale(0.5);
}
div.timenode .meta p {
  font-weight: bold !important;
  margin: 0 0 0 24px !important;
}
div.timenode .body {
  margin: 4px 0 10px 24px;
  padding: 10px;
  border-radius: 12px;
  background: #efeded;
  display: inline-block;
}
div.timenode .body p:first-child {
  margin-top: 0 !important;
}
div.timenode .body p:last-child {
  margin-bottom: 0 !important;
}
div.timenode .body .highlight {
  background: #fff7ea;
  filter: grayscale(0%);
}
div.timenode .body .highlight figcaption {
  background: #ffeed2;
}
div.timenode .body .highlight .gutter {
  background: #ffedd0;
}
div.timenode:hover .meta {
  color: #444;
}
div.timenode:hover .meta:before {
  background: rgba(255, 87, 34, 0.5);
}
div.timenode:hover .meta:after {
  background: #ff5722;
  transform: scale(1);
}

[data-theme="dark"] div.timenode .body {
  background: #2c2c2c;
}

[data-theme="dark"] div.timenode:hover .meta {
  color: #ccd0d7;
}

[data-theme="dark"] div.timenode .meta {
  color: rgba(255, 255, 255, 0.6);
}

[data-theme="dark"] div.timeline p.p.h2 {
  color: rgba(255, 255, 255, 0.6);
}


/*********************************密码样式文本***********/
#article-container psw:hover {
  color: #333;
  background: none;
}

#article-container psw {
  color: transparent;
  background: #666;
  border-radius: 2px;
  transition: all 0.28s ease;
  -moz-transition: all 0.28s ease;
  -webkit-transition: all 0.28s ease;
  -o-transition: all 0.28s ease;
}

[data-theme="dark"] #article-container psw:hover {
  color: #fff;
  filter: brightness(0.7);
}


/***********************************小标签*************/
[data-theme="dark"] span.inline-tag {
  color: rgba(255, 255, 255, 0.8);
}

[data-theme="dark"] span.inline-tag {
  filter: brightness(0.7);
}

span.inline-tag {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 90%;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.1rem;
  border-radius: 6px;
  background-color: var(--Color);
}

.font5 {
  display: block;
  width: 100%;
  text-align: left;
  font-weight: 500;
  line-height: 32px;
  border-left-color: #767676;
  background: #f6f6f6;
}

p.red,
span.red {
  --Color: rgb(233, 30, 100);
  --ColorA: rgba(233, 30, 100, 0.2);
}

p.green,
span.green {
  --Color: rgb(139, 195, 74);
  --ColorA: rgba(139, 195, 74, 0.2);
}

p.blue,
span.blue {
  --Color: rgb(3, 169, 244);
  --ColorA: rgba(3, 169, 244, 0.2);
}

p.yellow,
span.yellow {
  --Color: rgb(255, 193, 7);
  --ColorA: rgba(255, 193, 7, 0.2);
}

p.grey,
span.grey {
  --Color: rgb(76, 76, 76);
  --ColorA: rgba(76, 76, 76, 0.2);
}

p.div-border {
  padding: 10px;
  border: 1px solid var(--Color, #333);
  border-radius: 0.4rem;
  background-color: var(--ColorA, transparent);
}

p.left {
  border-left-width: 5px;
  border-left-color: var(--Color);
}

p.bottom {
  border-bottom-width: 5px;
  border-bottom-color: var(--Color);
}

p.right {
  border-right-width: 5px;
  border-right-color: var(--Color);
}

p.top {
  border-top-width: 5px;
  border-top-color: var(--Color);
}

/*******************上标标签**************/
.tip {
    position: relative;
    color: #fff;
    background: #20a0ff;
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#20a0ff),
      to(#20b8ff)
    );
    background: -webkit-linear-gradient(left, #20a0ff, #20b8ff);
    background: linear-gradient(90deg, #20a0ff, #20b8ff);
    padding: 6px 20px;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 5px rgba(32, 160, 255, 0.5);
    box-shadow: 0 3px 5px rgba(32, 160, 255, 0.5);
    margin-bottom: 20px;
  }
  
  .tip p {
    margin: 5px 0 !important;
  }
  
  .tip:before {
    background: #20a0ff;
    background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      from(#0092ff),
      to(#20b8ff)
    );
    background: -webkit-linear-gradient(bottom, #0092ff, #20b8ff);
    background: linear-gradient(0deg, #0092ff, #20b8ff);
    border-radius: 50%;
    color: #fff;
    content: "\f129";
    font-size: 12px;
    position: absolute;
    width: 24px;
    height: 24px;
    line-height: 24.5px;
    left: -12px;
    top: -12px;
    -webkit-box-shadow: 0 0 0 2.5px #fff;
    box-shadow: 0 0 0 2.5px #fff;
    font-weight: 600;
    font-family: "Font Awesome 5 Free";
    text-align: center;
  }
  
  .btn,
  .getit a {
    position: relative;
  }
  
  .well .tip:before {
    -webkit-box-shadow: 0 0 0 2.5px #f7f8f9;
    box-shadow: 0 0 0 2.5px #f7f8f9;
  }
  
  .tip ol {
    margin: 0;
  }
  
  .tip.success {
    background: #61be33;
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#61be33),
      to(#8fce44)
    );
    background: -webkit-linear-gradient(left, #61be33, #8fce44);
    background: linear-gradient(90deg, #61be33, #8fce44);
    text-shadow: 0 -1px #61be33;
    -webkit-box-shadow: 0 3px 5px rgba(104, 195, 59, 0.5);
    box-shadow: 0 3px 5px rgba(104, 195, 59, 0.5);
  }
  
  .tip.success:before {
    background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      from(#52bb1d),
      to(#95d34b)
    );
    background: -webkit-linear-gradient(bottom, #52bb1d, #95d34b);
    background: linear-gradient(0deg, #52bb1d, #95d34b);
    content: "\f00c";
    text-shadow: 0 -1px #61be33;
  }
  
  .tip.warning {
    background: #ff953f;
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#ff953f),
      to(#ffb449)
    );
    background: -webkit-linear-gradient(left, #ff953f, #ffb449);
    background: linear-gradient(90deg, #ff953f, #ffb449);
    text-shadow: 0 -1px #ff953f;
    -webkit-box-shadow: 0 3px 5px rgba(255, 154, 73, 0.5);
    box-shadow: 0 3px 5px rgba(255, 154, 73, 0.5);
  }
  
  .tip.warning:before {
    background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      from(#ff8f35),
      to(#ffc149)
    );
    background: -webkit-linear-gradient(bottom, #ff8f35, #ffc149);
    background: linear-gradient(0deg, #ff8f35, #ffc149);
    content: "\f12a";
    text-shadow: 0 -1px #ff953f;
  }
  
  .tip.error {
    background: #ff4949;
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#ff4949),
      to(#ff7849)
    );
    background: -webkit-linear-gradient(left, #ff4949, #ff7849);
    background: linear-gradient(90deg, #ff4949, #ff7849);
    text-shadow: 0 -1px #ff4949;
    -webkit-box-shadow: 0 3px 5px rgba(255, 73, 73, 0.5);
    box-shadow: 0 3px 5px rgba(255, 73, 73, 0.5);
  }
  
  .tip.error:before {
    background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      from(#ff3838),
      to(#ff7849)
    );
    background: -webkit-linear-gradient(bottom, #ff3838, #ff7849);
    background: linear-gradient(0deg, #ff3838, #ff7849);
    content: "\f00d";
    text-shadow: 0 -1px #ff4949;
  }
  
  .tip.wtgo {
    background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      from(#3d8b48),
      to(#477837)
    );
    background: -webkit-linear-gradient(bottom, #3c3, #459431);
    background: linear-gradient(530deg, #78ca33, #25822c);
    content: "\f00d";
    text-shadow: 0 -1px #4cf706;
  }
  .tip.wtgo:before {
    background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      from(#3c0),
      to(#3c0)
    );
    background: -webkit-linear-gradient(bottom, #3c3, #459431);
    background: linear-gradient(776deg, #78ca33, #25822c);
    content: "\f0e7";
    text-shadow: 0 -1px #4cf706;
  }
  .tip.ban {
    background: #ff4949;
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#ff4949),
      to(#ff3443)
    );
    background: -webkit-linear-gradient(left, #ff4949, #ff1022);
    background: linear-gradient(90deg, #ff4949, #f03b49);
    text-shadow: 0 -1px #ff4949;
    -webkit-box-shadow: 0 3px 5px rgba(255, 73, 73, 0.5);
    box-shadow: 0 3px 5px rgba(255, 73, 73, 0.5);
  }
  .tip.ban:before {
    background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      from(#ff3838),
      to(#ce4617)
    );
    background: -webkit-linear-gradient(bottom, #ff3838, #d23e49);
    background: linear-gradient(0deg, #ff3838, #ff1022);
    content: "\f05e";
    text-shadow: 0 -1px #ff4949;
  }
  .tip.home {
    background: #15e5ff;
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#5bc6d4) to(#0ec0ef)
    );
    background: -webkit-linear-gradient(left, #0ec0ef, #80e0f9);
    background: linear-gradient(90deg, #0ec0ef, #80e0f7);
    text-shadow: 0 -1px #0ec0ef;
    -webkit-box-shadow: 0 3px 5px #01caff;
    box-shadow: 0 3px 5px #01caff;
  }
  .tip.home:before {
    background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      form(#0ec0ee) to(#0ee0cc)
    );
    background: -webkit-linear-gradient(bottom, #0ec0ee, #0ec2ee);
    background: linear-gradient(0deg, #0ec0ee, #0ec0ea);
    content: "\f015";
    text-shadow: 0 -1px #0ec0ea;
  }
  .tip.important {
    background: #f3a700;
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#ffbd2b),
      to(#ffbd2b)
    );
    background: -webkit-linear-gradient(left, #ffbd2b, #ffd26f);
    background: linear-gradient(290deg, #ef6e6e, #ffb000);
    text-shadow: 0 -1px #a97a12;
    -webkit-box-shadow: 0 3px 5px #ffb000;
    box-shadow: 0 3px 5px #ffb000;
  }
  .tip.important:before {
    background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      from(#ff3838),
      to(#ffbd2b)
    );
    background: -webkit-linear-gradient(bottom, #ff3838, #ffbd2b);
    background: linear-gradient(270deg, #ffbd2b, #f5626d);
    content: "\f129";
    text-shadow: 0 -1px #ffbd2b;
  }
  .tip.ref {
    background: #00a9ff;
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#51a7bd33),
      to(#c7eef9)
    );
    background: -webkit-linear-gradient(left, #53cff1, #2e9fbd);
    background: linear-gradient(230deg, #47c0e0, #2dc342);
    text-shadow: 0 -1px #1bcdfc;
    -webkit-box-shadow: 0 3px 5px #1bcdfc;
    box-shadow: 0 3px 5px #20b1ad;
  }
  .tip.ref:before {
    background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      from(#00c3f7),
      to(#88d3e6)
    );
    background: -webkit-linear-gradient(bottom, #83e5ff, #0aa8d2);
    background: linear-gradient(270deg, #40c0e2, #3dc550);
    content: "\f021";
    text-shadow: 0 -1px #17cfff;
  }
  .tip.ffa {
    background: #1502ff;
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#51a7bd33),
      to(#8379ff)
    );
    background: -webkit-linear-gradient(left, #5246e2, #5246e2);
    background: linear-gradient(230deg, #40c0e2, #5247e2);
    text-shadow: 0 -1px #8278fd;
    -webkit-box-shadow: 0 3px 5px #4037a7;
    box-shadow: 1 3px 5px #5e52ec;
  }
  .tip.ffa:before {
    background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      from(#3020f3),
      to(#b1abf5)
    );
    background: -webkit-linear-gradient(bottom, #5246e2, #5246e2);
    background: linear-gradient(560deg, #40c0e2, #5246e2);
    content: "\f085";
    text-shadow: 0 -1px #098cf5;
  }
  .tip.key {
    background: #25c33b;
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#51a7bd33),
      to(#8379ff)
    );
    background: -webkit-linear-gradient(left, #648798, #90a4ae);
    background: linear-gradient(230deg, #90a4ae, #b7a7a7);
    text-shadow: 0 -1px #c1c0d4;
    -webkit-box-shadow: 0 3px 5px #d3d2de;
    box-shadow: 1 3px 5px #d5d4de;
  }
  .tip.key:before {
    background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      from(#dddce8),
      to(#b1abf5)
    );
    background: -webkit-linear-gradient(bottom, #5246e2, #5246e2);
    background: linear-gradient(560deg, #bccdd2, #cfced4);
    content: "\f084";
    text-shadow: 0 -1px #a9b2b9;
  }
  .tip.socd {
    background: #25c33b;
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#51a7bd33),
      to(#8379ff)
    );
    background: -webkit-linear-gradient(left, #648798, #90a4ae);
    background: linear-gradient(230deg, #ffaa0d, #deb455);
    text-shadow: 0 -1px #c1c0d4;
    -webkit-box-shadow: 0 3px 5px #d3d2de;
    box-shadow: 1 3px 5px #d5d4de;
  }
  .tip.socd:before {
    background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      from(#dddce8),
      to(#b1abf5)
    );
    background: -webkit-linear-gradient(bottom, #5246e2, #5246e2);
    background: linear-gradient(560deg, #f9ae07, #ffb615);
    content: "\f0f3";
    text-shadow: 0 -1px #ffb81b;
  }
  
  [data-theme="dark"] .tip {
    filter: brightness(0.7);
  }
/************************上标标签*****************************/  